<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8>
    <meta name=viewport content="width=device-width,initial-scale=1">
    <link rel="shortcut icon"
          href="https://gw.alicdn.com/imgextra/i4/O1CN01rqtbDA1oTYo6vqI3E_!!6000000005226-73-tps-16-16.ico">
    <title>努力上班，绝不摸鱼！</title>
    <style>
        .cssLoader17 {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 2.5em;
            height: 2.5em;
            transform: translate(-50%, -50%) rotate(165deg);
          }
          .cssLoader17:before,
          .cssLoader17:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            width: 0.5em;
            height: 0.5em;
            border-radius: 0.25em;
            transform: translate(-50%, -50%);
          }
          .cssLoader17:before {
            animation: before 2s infinite;
          }
          .cssLoader17:after {
            animation: after 2s infinite;
          }
          @keyframes before {
            0% {
              width: 0.5em;
              box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75),
                -1em 0.5em rgba(111, 202, 220, 0.75);
            }
            35% {
              width: 2.5em;
              box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75),
                0 0.5em rgba(111, 202, 220, 0.75);
            }
            70% {
              width: 0.5em;
              box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75),
                1em 0.5em rgba(111, 202, 220, 0.75);
            }
            100% {
              box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75),
                -1em 0.5em rgba(111, 202, 220, 0.75);
            }
          }
          @keyframes after {
            0% {
              height: 0.5em;
              box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75),
                -0.5em -1em rgba(233, 169, 32, 0.75);
            }
            35% {
              height: 2.5em;
              box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75),
                -0.5em 0 rgba(233, 169, 32, 0.75);
            }
            70% {
              height: 0.5em;
              box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75),
                -0.5em 1em rgba(233, 169, 32, 0.75);
            }
            100% {
              box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75),
                -0.5em -1em rgba(233, 169, 32, 0.75);
            }
          }
          .main-wrap {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: center;
          }
    </style>
</head>
<body>
<div id=loading class=main-wrap>
    <div class=cssLoader17></div>
</div>
<div id=app></div>
<script>
    window.addEventListener("load", function () {
            var loadingElement = document.getElementById("loading");
            loadingElement.style.display = "none";
          });
</script>
<script defer="defer" src="/web/js/chunk-vendors.js"></script>
<script defer="defer" src="/web/js/app.js"></script>
<link href="/web/css/chunk-vendors.css" rel="stylesheet">
<link href="/web/css/app.css" rel="stylesheet">
</body>
</html>